<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <link type="text/css" rel="stylesheet" href="__CSS__reset.css">
    <link type="text/css" rel="stylesheet" href="__CSS__main.css">

    <!--[if IE 6]>
    <script type="text/javascript" src="__JS__DD_belatedPNG_0.0.8a-min.js"></script>
    <script type="text/javascript" src="__JS__ie6Fixpng.js"></script>
    <![endif]-->
</head>

<body>
<div class="headerBar">
    <div class="topBar">
        <div class="comWidth">
            <div class="leftArea">
                <a href="#" class="collection">收藏慕课</a>
            </div>
            <div class="rightArea" id="rightArea">
                欢迎来到慕课网！<a href="">[登录]</a>
                <a href="">[免费注册]</a>
            </div>
            <div class="rightArea" style="display: none" id="rightArea1">
                欢迎来到慕课网！<span id="value">{$username}</span>
            </div>
        </div>
    </div>
    <div class="logoBar">
        <div class="comWidth">
            <div class="logo fl">
                <a href="#"><img src="__IMG__logo.jpg" alt="慕课网"></a>
            </div>
            <div class="search_box fl">
                <input type="text" class="search_text fl">
                <input type="button" value="搜 索" class="search_btn fr">
            </div>
            <div class="shopCar fr">
                <span class="shopText fl">购物车</span>
                <span class="shopNum fl">0</span>
            </div>
        </div>
    </div>
    <div class="navBox">
        <div class="comWidth clearfix">
            <div class="shopClass fl">
                <h3>全部商品分类<i class="shopClass_icon"></i></h3>
                <div class="shopClass_show">
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">数码</a></dt>
                    </dl>
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">家电</a></dt>
                    </dl>
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">电子</a></dt>
                    </dl>
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">汽车</a></dt>
                    </dl>
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">食品</a></dt>
                    </dl>
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">服装</a></dt>
                    </dl>
                </div>
            </div>
            <ul class="nav fl">
                <li><a href="{:U('Home/Digital/Digital')}" class="active">数码城</a></li>
                <li><a href="#">天黑黑</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">发现</a></li>
                <li><a href="#">二手特卖</a></li>
                <li><a href="#">名品会</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="banner comWidth clearfix">
    <div class="banner_bar banner_big">
        <ul class="imgBox">
            <li><a href="#"><img src="__IMG__banner/banner_01.jpg" alt="banner"></a></li>
            <li><a href="#"><img src="__IMG__banner/banner_02.jpg" alt="banner"></a></li>
            <li><a href="#"><img src="__IMG__banner/banner_03.jpg" alt="banner"></a></li>
            <li><a href="#"><img src="__IMG__banner/banner_04.jpg" alt="banner"></a></li>
        </ul>
        <div class="imgNum">
            <a href="#" class="active"></a><a href="#"></a><a href="#"></a><a href="#"></a>
        </div>
    </div>
</div>
<div class="shopTit comWidth">
    <span class="icon"></span><h3>手机</h3>
    <a href="#" class="more">更多&gt;&gt;</a>
</div>
<div class="shopList comWidth clearfix">
    <div class="leftArea">
        <div class="banner_bar banner_sm">
            <ul class="imgBox">
                <li><a href="#"><img src="__IMG__banner/banner_sm_01.jpg" alt="banner"></a></li>
                <li><a href="#"><img src="__IMG__banner/banner_sm_02.jpg" alt="banner"></a></li>
            </ul>
            <div class="imgNum">
                <a href="#" class="active"></a><a href="#"></a><a href="#"></a><a href="#"></a>
            </div>
        </div>
    </div>
    <div class="rightArea">
        <div class="shopList_top clearfix">
            <volist name="list" id="vo" offset="4" length='4' empty="暂时没有数据">
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="{:U('Home/Introdution/index')}?id={$vo.id}"><img src="__ROOT__{$vo.pImg}" alt=""></a>
                    </div>
                    <h3>{$vo.pName}</h3>
                    <p>{$vo.iPrice}元</p>
                </div>
            </volist>
        </div>
        <div class="shopList_sm clearfix">
            <volist name="lists" id="ko" offset="1" length='4' empty="暂时没有数据">
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="{:U('Home/Introdution/index')}?id={$ko.id}"><img src="__ROOT__{$ko.pImg}" id="ko" class="ko"></a>
                    </div>
                    <div class="shopItem_text">
                        <p>{$ko.pName}</p>
                        <h3>￥{$ko.iPrice}</h3>
                    </div>
                </div>
            </volist>
        </div>
    </div>
</div>
<div class="shopTit comWidth">
    <span class="icon"></span><h3>家用电脑</h3>
    <a href="#" class="more">更多&gt;&gt;</a>
</div>
<div class="shopList comWidth clearfix">
    <div class="leftArea">
        <div class="banner_bar banner_sm">
            <ul class="imgBox">
                <li><a href="#"><img src="__IMG__banner/banner_sm_01.jpg" alt="banner"></a></li>
                <li><a href="#"><img src="__IMG__banner/banner_sm_02.jpg" alt="banner"></a></li>
            </ul>
            <div class="imgNum">
                <a href="#" class="active"></a><a href="#"></a><a href="#"></a><a href="#"></a>
            </div>
        </div>
    </div>
    <div class="rightArea">
        <div class="shopList_top clearfix">
            <volist name="cp" id="co" offset="1" length='4' empty="暂时没有数据">
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="{:U('Home/Introdution/index')}?id={$co.id}"><img src="__ROOT__{$co.pImg}" alt=""></a>
                    </div>
                    <h3>{$co.pName}</h3>
                    <p>{$co.iPrice}元</p>
                </div>
            </volist>
            <div class="shopList_sm clearfix">
                <volist name="cop" id="cop" offset="1" length='4' empty="暂时没有数据">
                    <div class="shopItem_sm">
                        <div class="shopItem_smImg">
                            <a href="{:U('Home/Introdution/index')}?id={$cop.id}"><img src="__ROOT__{$cop.pImg}" alt=""></a>
                        </div>
                        <div class="shopItem_text">
                            <p>{$cop.pName}</p>
                            <h3>￥{$cop.iPrice}	</h3>
                        </div>
                    </div>
                </volist>
            </div>
        </div>
    </div>
    <div class="hr_25"></div>
    <div class="footer">
        <p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i> <a href="#">招纳贤士</a><i>|</i><a href="#">联系我们</a><i>|</i>客服热线：400-675-1234</p>
        <p>Copyright &copy; 2006 - 2014 慕课版权所有&nbsp;&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;&nbsp;某市公安局XX分局备案编号：123456789123</p>
        <p class="web"><a href="#"><img src="__IMG__webLogo.jpg" alt="logo"></a><a href="#"><img src="__IMG__webLogo.jpg" alt="logo"></a><a href="#"><img src="__IMG__webLogo.jpg" alt="logo"></a><a href="#"><img src="__IMG__webLogo.jpg" alt="logo"></a></p>
    </div>
    <style>
        .shopClass_item{
            height: 26px;
        }
        .ko {
            height: 95px;
            width: 95px;
        }



    </style>
</body>

</html>
